<div class="register-form-wrap">
    <h3 class="title">注册</h3>
    <form nz-form class="login-form" [formGroup]="validateForm" (ngSubmit)="submitForm()" nzLayout="horizontal">
        <nz-form-item>
            <nz-form-control nzErrorTip="请输入邮箱地址！">
              <nz-input-group [nzSize]="'large'">
                <input type="text" nz-input formControlName="name" placeholder="邮箱"/>
              </nz-input-group>
            </nz-form-control>
          </nz-form-item>
          <nz-form-item>
            <nz-form-control nzErrorTip="请输入密码!">
              <nz-input-group [nzSize]="'large'">
                <input type="password" nz-input formControlName="password" placeholder="至少6位密码，区分大小写"/>
              </nz-input-group>
            </nz-form-control>
          </nz-form-item>
          <nz-form-item>
            <nz-form-control nzErrorTip="请确认密码!">
              <nz-input-group [nzSize]="'large'">
                <input type="text" nz-input formControlName="name" placeholder="确认密码"/>
              </nz-input-group>
            </nz-form-control>
          </nz-form-item>

          <nz-form-item>
            <nz-form-control nzErrorTip="请输入手机号!">
              <nz-input-group [nzAddOnBefore]="addOnBeforeTemplate" [nzSize]="'large'">
                <input type="text" nz-input formControlName="name" placeholder="手机号"/>
              </nz-input-group>
            </nz-form-control>
      
            <ng-template #addOnBeforeTemplate>
              <nz-select [ngModel]="'86'" [ngModelOptions]="{standalone: true}">
                <nz-option nzLabel="+86" nzValue="86"></nz-option>
                <nz-option nzLabel="+87" nzValue="87"></nz-option>
              </nz-select>
            </ng-template>
          </nz-form-item>
      
          <nz-form-item nz-row nzJustify="space-between">
            <nz-form-control nz-col nzSpan="16" nzErrorTip="请输入验证码!">
              <nz-input-group [nzSize]="'large'">
                <input type="password" nz-input formControlName="password" placeholder="验证码"/>
              </nz-input-group>
            </nz-form-control>
            <button nz-button nz-col nzSpan="7" [nzSize]="'large'" nzType="default">获取验证码</button>
          </nz-form-item>
          <div nz-row class="login-form-margin" nzAlign="middle" nzJustify="space-between">
            <div nz-col [nzSpan]="12">
              <button nz-button nzSize="large" class="login-form-button login-form-margin" [nzType]="'primary'">注 册</button>
            </div>
            <div class="text-right" nz-col [nzSpan]="8">
              <a class="password-login" routerLink="/login/login-form">使用已有帐号登陆</a>
            </div>
          </div>
    </form>
</div>